<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('市级未签收处理')"/>
</head>
<style>
    /*.nav li:hover{*/
    /*    background-color: white;*/
    /*    border: none;*/
    /*    border-bottom: 2px solid;*/
    /*    color: #4C8AF9;*/
    /*}*/
    .bootstrap-tagsinput > input {
        display: none;
    }
</style>

<body style="background-color: #F4F6FA">
<div>
    <div class="tabs-container">
        <ul class="nav nav-tabs" style="background-color: white;position: relative">
            <li class="active"><a data-toggle="tab" th:href="@{'/gaoxin/system/mTelWF/cmnFile/showWorkForm/'+${sbId}}" aria-expanded="true">签收处理</a></li>
            <li><a data-toggle="tab" th:href="@{'/gaoxin/system/mTelWF/forShow/dealList/'+${wfId}+'?sbId='+${sbId}}" aria-expanded="false">派单情况</a></li>
            <li><a data-toggle="tab" th:href="@{'/gaoxin/system/mTelWF/forShow/logList/'+${wfId}}" aria-expanded="false">历史处理记录</a></li>
            <li><a data-toggle="tab" th:href="@{'/gaoxin/system/twfJudge/judgeList/'+${wfId}}" aria-expanded="false">评价信息</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active">
                <iframe id="navFrame" width="100%" scrolling="no" height="620px" th:src="@{'/gaoxin/system/mTelWF/cmnFile/showWorkForm/'+${sbId}}" frameborder="0" seamless></iframe>
            </div>
        </div>
    </div>
</div>
<th:block th:include="include :: footer"/>
<script>
    $("#navFrame").on("load",loadIframe);

    $(document).ready(function () {
        $(".nav-tabs li>a").click(function (e) {
            if ($(this).attr("href").length && this.parentNode.className.indexOf('active') == -1) {
                e.preventDefault();
                $(this).parent('li').addClass('active').siblings().removeClass('active');
                // $("#navFrame").attr("src", $(this).attr("href"));
                $('#navFrame', document).css('height',document.getElementById("navFrame").contentWindow.document.documentElement.scrollHeight);
                $("#navFrame").attr("src", $(this).attr("href"));
            }
        })
    });


    function loadIframe() {//iframe加载完后 高度自适应。
        $("#navFrame").height(0);
        var navFrame = document.getElementById("navFrame").contentDocument || document.getElementById("navFrame").contentWindow.document,
            mainWrapHeight = $(window).height() - 49 - 21,
            frame_height = navFrame.documentElement.scrollHeight;
        $("#navFrame").height(frame_height < 589 ? mainWrapHeight : frame_height+20);
    }

</script>
</body>
</html>